﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Skill.Master" Inherits="System.Web.Mvc.ViewPage<IEnumerable<MySite.Model.SkillInfo>>" %>

<asp:Content ID="Content2" ContentPlaceHolderID="TitleContent" runat="server">
轩轩的小巢-技能介绍
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="HeadScript" runat="server">
<script type="text/javascript">
    function ShowContent(control,position) {
        $("#si" + position).show();
    }

    $(document).ready(function () {
        $("div[id^='si']").hide();
        $("div[id^='si']").eq(0).show();
    });
</script>
</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="LeftMainContent" runat="server">
    <div class="title_left">
            技能介绍
    </div>
    <div style="padding-left: 5px; padding-top: 8px; line-height: 20px;">

        <% 
            int i = 0;
           foreach (MySite.Model.SkillInfo si in Model)
           { %>
                <img alt="" src="../images/1.png" />
                <a href="javascript:void(0)" onclick="ShowContent(this,'<%=si.Position %>')"><%=si.Name %></a>
                <% if (i <= Model.Count() - 1) { %>
                    <br />
                  <% } %>

          <%  } %>

        <%--<br />
        <img alt="" src="../images/1.png" />
        <a href="#">Oracle</a>
        
        <img alt="" src="../images/1.png" />
        <a href="#">MySQL</a>
        <br />
        <img alt="" src="../images/1.png" />
        <a href="#">MongoDB</a>
        <br />
        <img alt="" src="../images/1.png" />
        <a href="#">Asp.Net</a>
        <br />
        <img alt="" src="../images/1.png" />
        <a href="#">Titanium</a>
        <br />
        <img alt="" src="../images/1.png" />
        <a href="#">Objective-c</a>
        <br />
        <img alt="" src="../images/1.png" />
        <a href="#">PHP</a>
        <br />
        <img alt="" src="../images/1.png" />
        <a href="#">Html</a>
        <br />
        <img alt="" src="../images/1.png" />
        <a href="#">Ruby</a>--%>
        
    </div>
</asp:Content>

<asp:Content ID="Content5" ContentPlaceHolderID="RightMainContent" runat="server">
    <%foreach (MySite.Model.SkillInfo si in Model)
      {%>
            <div id="si<%=si.Position %>">
                <%= Server.HtmlDecode(si.Content)%>
            </div>
     <%} %>
</asp:Content>
